<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付宝界面</title>
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div class="zfb">
        <header>
            <div class="top">
                <span><i class="iconfont icon-zhangdan">
                </i>
                <span>账单</span>
                </span>
                <span><i class="iconfont icon-tongxunlu">
                </i></span>
                <span><i class="iconfont icon-sousuo">
                </i></span>
                <span><i class="iconfont icon-tianjia">
                </i></span>
            </div>
            <ul class="bottom">
                <li>
                    <i class="iconfont icon-saoyisao">
                    </i>
                    <span>扫一扫</span>
                </li>
                <li>
                    <i class="iconfont icon-fukuan">
                    </i>
                    <span>付款</span>
                </li>
                <li>
                    <i class="iconfont icon-qiaquan">
                    </i>
                    <span>卡券</span>
                </li>
                <li>
                    <i class="iconfont icon-taopiaopiaoicon">
                    </i>
                    <span>淘票票</span>
                </li>
            </ul>
        </header>
        <main>
            <ul class="nav">
                <li><i class='iconfont icon-jipiao'></i><span>机票火车票</span></li>
                <li><i class='iconfont icon-fuwuchuang'></i><span>服务窗</span></li>
                <li><i class='iconfont icon-tianmao'></i><span>天猫超市</span></li>
                <li><i class='iconfont icon-jizhangben'></i><span>记账本</span></li>
                <li><i class='iconfont icon-gupiao'></i><span>股票</span></li>
                <li><i class='iconfont icon-kuaidi'></i><span>我的快递</span></li>
                <li><i class='iconfont icon-wodekefu'></i><span>我的客服</span></li>
                <li><i class='iconfont icon-zhimaxinyong'></i><span>芝麻信用</span></li>
                <li><i class='iconfont icon-41kongxinfangzi'></i><span>亲情圈</span></li>
                <li><i class='iconfont icon-taobao'></i><span>淘宝</span></li>
                <li><i class='iconfont icon-jiayou'></i><span>加油服务</span></li>
                <li><i class='iconfont icon-shoukuan'></i><span>收款</span></li>
                <li><i class='iconfont icon-aixinjuanzeng'></i><span>爱心捐赠</span></li>
                <li><i class='iconfont icon-zhuanzhang'></i><span>转账</span></li>
                <li><i class='iconfont icon-qua'></i><span>阿里旅行</span></li>
                <li><i class='iconfont icon-diqiu'></i><span>世界那么大</span></li>
                <li><i class='iconfont icon-huilvhuansuan'></i><span>汇率换算</span></li>
                <li><i class='iconfont icon-gengduo'></i><span></span></li>
                <li><i class='iconfont '></i><span></span></li>
                <li><i class='iconfont '></i><span></span></li>
            </ul>
        </main>
        <footer>
            <ul class="icon">
                <li><i class='iconfont icon-zhifubao'></i><span>支付宝</span></li>
                <li><i class='iconfont icon-koubeilogo'></i><span>口碑</span></li>
                <li><i class='iconfont icon-pengyou'></i><span>朋友</span></li>
                <li><i class='iconfont icon-wodelicai'></i><span>我的</span></li>
            </ul>
        </footer>
    </div>
</body>

</html>